<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="viewport" content="width=device-width, viewport-fit=cover">
    <title>{$shopname}实时投屏</title>
    <link rel="stylesheet" href="{$_G['URL']['DAPING_STATIC']}common.min.css">
    <link rel="stylesheet" href="{$_G['URL']['DAPING_STATIC']}mobile.min.css?v=84">
    <link href="{$_G['URL']['LAYER_CSS']}/layui.css" rel="stylesheet">
</head>
<body>
    <div class="mobile-body" id="showAll">
        <div class="mob-header-part">
            <div class="header-top">
                <div id="shopname"></div>
                <div class="ab-date-part">
                    <div class="ab-date" id="now_time"></div>
                </div>
                <div class="header-sound-open" id="controlSound" onclick="controlSound()"></div>
                <div style="display: none;">
                    <audio id="haveorder" >
                    </audio>
                    <audio id="haveorder1" >
                    </audio>
                </div>
            </div>

            <div class="header-content">
                <div class="h-c-num-part" id="record">
                </div>
            </div>
            <!-- 浏览量 转发量 -->
            <div class="show-part">
                <div class="two-number-part">
                    <section class="single">
                        <span>浏览量</span>
                        <span id="scansum"></span>
                    </section>
                    <section class="single">
                        <span>转发量</span>
                        <span id="forward"></span>
                    </section>
                </div>
                <div class="lineOption-echarts" id="lineOption"></div>
            </div>
        </div>

        <div class="m-content-part">
                <div class="table-part order-part">
                   <div class="table-header">
                    <div class="table-h-title">
                        <span class="title-name">最新订单</span>
                    </div>
                </div>
                   <div class="table-content">
<!--                    <div class="table-ul">-->
<!--                        <ul>-->
<!--                            <li>头像</li>-->
<!--                            <li>昵称</li>-->
<!--                            <li>手机号</li>-->
<!--                            <li>支付时间</li>-->
<!--                            <li>所属员工</li>-->
<!--                        </ul>-->
<!--                    </div>-->
                    <div id="order" onmousemove="mouse('order')" onmouseleave="mouseLeave('order')"
                         class="table-data-content"></div>
                </div>
                </div>
                <!-- 团队排名前10名 -->
                <div class="table-part team-content" id="teamCharts">
                </div>

                <div class="table-part">
                    <div class="table-content">
                        <div class="table-ul">
                            <ul>
                                <li>排名</li>
                                <li style="flex:2.3 !important">名称</li>
                                <li>成交</li>
                                <li>转发</li>
                                <li>浏览</li>
                            </ul>
                        </div>
                        <div id="team_rank_both" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                             class="table-data-content scroll">
                            <div id="team_rank" class="table-data-content rankauto"></div>
                            <div id="team_rankbot" class="mt8"></div>
                        </div>
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                    </div>
                </div>

                <!--员工排名图表-->
                <div class="table-part team-content">
                    <div class="table-header">
                        <div class="table-h-title">
                            <span class="title-name">员工排名Top10</span>
                        </div>
                        <div class="table-h-more"  onclick="show('worker')">
                            <span class="more-title">更多</span>
                            <i class="more-icon"></i>
                        </div>
                    </div>
                    <div class="echarts-part">
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                        <div class="echarts-part" id="workerOption"></div>
                     </div>
                </div>

                <div class="table-part">
                    <div class="table-content">
                        <div class="table-ul">
                            <ul>
                                <li>排名</li>
                                <li style="flex:1.5 !important" id="companyOrTeam">团队</li>
                                <li>姓名</li>
                                <li>成交</li>
                                <li>转发</li>
                                <li>浏览</li>
                            </ul>
                        </div>
                        <div id="rankboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                             class="table-data-content scroll">
                            <div id="rank" class="table-data-content rankauto"></div>
                            <div id="rankbot" class="mt8"></div>
                        </div>
                        <div class="line-part">
                            <div class="end"></div>
                            <div class="line"></div>
                            <div class="end"></div>
                        </div>
                    </div>
                </div>

                <div class="data-more-button" id="moreButton" onclick="showMoreData()">
                    <span class="more-title">查看更多</span>
                    <i class="more-icon"></i>
                </div>

                <div id="moreData" style="display: none">
                    <!-- 正在浏览 -->
                    <div class="table-part bro-table">
                        <div class="table-header">
                            <div class="table-h-title">
                                <span class="title-name">正在浏览</span>
                            </div>
                            <div class="table-h-more"  onclick="show('browse')">
                                <span class="more-title">更多</span>
                                <i class="more-icon"></i>
                            </div>
                        </div>
                        <div class="echarts-part">
                            <div class="line-part">
                                <div class="end"></div>
                                <div class="line"></div>
                                <div class="end"></div>
                            </div>
                            <div class="echarts-part">
                                <div class="table-content browse-part">
                                    <div class="table-ul">
                                        <ul>
                                            <li style="flex:0.7 !important;">头像</li>
                                            <li style="flex:1.3 !important;" >昵称</li>
                                            <li>访问时间</li>
                                            <li>停留</li>
                                        </ul>
                                    </div>
                                    <div id="browse" onmousemove="mouse('browse')" onmouseleave="mouseLeave('browse')" class="table-data-content browse-t-d-c">
                                    </div>
                                </div>
                            </div>
                            <div class="line-part">
                                <div class="end"></div>
                                <div class="line"></div>
                                <div class="end"></div>
                            </div>
                        </div>
                    </div>

                    <div class="table-part gift-content" id="addressRatio" style="display: none"></div>
                    <!--团长排名-->
                    <div class="table-part team-content" id="tuanRank" style="display: none"></div>

                    <div class="table-part" id="tuanList"  style="display: none">
                        <div class="table-content">
                            <div class="table-ul">
                                <ul>
                                    <li>排名</li>
                                    <li id="tuanName">团长</li>
                                    <li>人数</li>
                                </ul>
                            </div>
                            <div id="tuan_rank_listboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                                 class="table-data-content scroll">
                                <div id="tuan_rank_list" class="table-data-content rankauto"></div>
                                <div id="tuan_rank_bot" class="mt8"></div>
                            </div>
                        </div>
                    </div>

                    <div class="table-part gift-content" id="testRatio" style="display: none"></div>

                    <div class="table-part gift-content" id="formtwoRatio" style="display: none"></div>

                    <div class="table-part gift-content" id="shopsRatio" style="display: none"></div>

                    <div class="table-part team-content" id="commRank" style="display: none"></div>

                    <div class="table-part" id="commList" style="display: none">
                        <div class="table-content">
                            <div class="table-ul">
                                <ul>
                                    <li>排名</li>
                                    <li style="flex: 2 !important;">名称</li>
                                    <li>红包数量</li>
                                    <li>红包金额</li>
                                </ul>
                            </div>
                            <div id="comm_rank_listboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                                 class="table-data-content scroll">
                                <div id="comm_rank_list" class="table-data-content rankauto"></div>
                                <div id="comm_rank_bot" class="mt8"></div>
                            </div>
                        </div>
                    </div>

                    <div class="table-part gift-content" id="yukuanRatio" style="display: none"></div>

                    <div class="table-part gift-content" id="tuanRatio" style="display: none"></div>
                    <!-- 粉丝成交排名 -->
                    <div class="table-part team-content" id="dealRank" style="display: none"></div>
                    <div class="table-part" id="dealList" style="display: none">
                        <div class="table-content">
                            <div class="table-ul">
                                <ul>
                                    <li>排名</li>
                                    <li style="flex: 2.2">名称</li>
                                    <li>成交</li>
                                    <li>浏览</li>
                                    <li>转发</li>
                                </ul>
                            </div>
                            <div id="deal_rank_listboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                                 class="table-data-content scroll">
                                <div id="deal_rank_list" class="table-data-content rankauto"></div>
                                <div id="deal_rank_bot" class="mt8"></div>
                            </div>
                        </div>
                    </div>

                    <div class="table-part team-content" id="recommendRank" style="display: none"></div>
                    <div class="table-part" id="recommendList" style="display: none">
                        <div class="table-content">
                            <div class="table-ul">
                                <ul>
                                    <li>排名</li>
                                    <li style="flex: 2.2">名称</li>
                                    <li>推荐</li>
                                    <li>浏览</li>
                                    <li>转发</li>
                                </ul>
                            </div>
                            <div id="recommend_rank_listboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                                 class="table-data-content scroll">
                                <div id="recommend_rank_list" class="table-data-content rankauto"></div>
                                <div id="recommend_rank_bot" class="mt8"></div>
                            </div>
                        </div>
                    </div>

                    <div class="table-part team-content" id="helpRank" style="display: none"></div>
                    <div class="table-part" id="helpList" style="display: none">
                        <div class="table-content">
                            <div class="table-ul">
                                <ul>
                                    <li>排名</li>
                                    <li style="flex: 2.2 !important;">名称</li>
                                    <li>助力</li>
                                </ul>
                            </div>
                            <div id="help_rank_listboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')"
                                 class="table-data-content scroll">
                                <div id="help_rank_list" class="table-data-content rankauto"></div>
                                <div id="help_rank_bot" class="mt8"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 成交排名 -->
                    <div class="table-part gift-content" id="fenxiaoRatio" style="display: none"></div>
                </div>
                <!-- 底部 -->
                <div class="bottom-part">
                    <div class="bottom-bg">
                        {if $theme['yixuanbanquan'] != '1'}
                           {php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}
                        {/if}
                    </div>
                </div>
        </div>

        <div class="new-order-alert" id="newOrder">

        </div>
            <!-- loading -->
        <div class="loading" id="loading">
            <embed src="{$_G['URL']['DAPING_STATIC']}imgs/loadingAN.svg" type="image/svg+xml" />
        </div>
        <input type="hidden" name="url" id="url" value="{$url}">
        <input type="hidden" name="url_daping_css" id="url_daping_css" value="{$_G['URL']['DAPING_CSS']}">
    </div>

    <div id="showMore" class="mobile-body" style="padding-top:1px;display: none ;min-height: 100vh;padding-bottom: calc(0.5rem + constant(safe-area-inset-bottom));padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));" >
      <div class="m-content-part" style="opacity: 1;">
          <div class="table-part" style="margin-top: 0">
              <div class="more-table-header" style="position: sticky; top: 0;background-color: #092144;">
                  <div class="table-h-title">
                      <span class="title-name" id="headTitle"></span>
                  </div>
                  <div id="return_box">

                  </div>
                  <div class="more-close" onclick="closeMore()">

                  </div>
              </div>
              <div class="table-content">
                  <div class="table-ul" style="margin-top: 0; position: sticky; top: 1.2rem;background-color: #092144;">
                      <ul id="menuUl">

                      </ul>
                  </div>
                  <div id="more_rankboth" onmousemove="mouse('rank')" onmouseleave="mouseLeave('rank')" class="table-data-content scroll">
                      <div id="more_rank" class="table-data-content rankauto more-rank"></div>
                      <div id="more_rankbot" class="mt8"></div>
                  </div>
<!--                  <div id="load_more" class="load-more" onclick="nextPage()"></div>-->
              </div>
          </div>
      </div>

    </div>

    <script src="{$_G['URL']['DAPING_STATIC']}echart.js"></script>
    <script src="{$_G['URL']['DAPING_CSS']}js/jquery-3.3.1.min.js"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/md5.js?v=2"></script>
    {if $config['weixinh5']==2}
    <script src="{$_G['URL']['YX2020_CSS']}js/vconsole.min.js"></script>
    <script> var vConsole = new VConsole(); </script>
    {/if}
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}daping2022/mobile.js?v=37"></script>
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}daping2022/countUp.js?v=37"></script>
 </body>
</html>